<script setup lang='ts'>
import { onMounted, ref } from 'vue';


// 对象非空值处理
const inputRef = ref<HTMLInputElement|null>(null)
onMounted(()=>{
  // 1、可选链方案
  // inputRef.value?.focus()
  // 2、条件判断
  // if(inputRef.value){
  //   inputRef.value.focus()
  // }
  // 3、非空断言 -- 不推荐使用 这个只有在ts中才有用
  inputRef.value!.focus()
})


</script>
<template>
<div>
  <input ref="inputRef" type="text">
</div>
</template>
<style scoped>
</style>